<template>
  <div>
    <headers :headers="headers"></headers>
    <div class="section pb48">
      <div class="art-box p12">
        <div class="txt-thumb">
          <div class="txt">
            <p class="clamp3">【上新】在时尚风潮中灵动畅游-苏尚儿鱼尾瘦腿裤</p>
          </div>
          <img src="@/assets/images/head.jpg">
        </div>
        <div class="btn-box mt20">
          <div class="btn btn-bg-blue">修改标题</div>
          <div class="btn btn-bg-green">修改封面</div>
        </div>
      </div>
      <div class="btn-box p12">
        <div class="btn btn-bd-blue">修改标题</div>
        <div class="btn btn-bd-green">修改封面</div>
      </div>
      <div class="art-box p12">
        <img class="img" src="@/assets/images/head.jpg">
        <div class="btn-box mt20">
          <div class="btn btn-bg-red">删除</div>
          <div class="btn btn-bg-blue">编辑文字</div>
          <div class="btn btn-bg-green">添加图片</div>
        </div>
      </div>
      <div class="btn-box p12">
        <div class="btn btn-bd-blue">添加文字</div>
        <div class="btn btn-bd-green">添加图片</div>
      </div>
      <div class="btn-box p12">
        <div class="btn btn-bg-blue">品牌图片</div>
        <div class="btn btn-bg-green">相关链接</div>
      </div>
    </div>
    <div class="art-bottom-btn">
      <div class="abtn btn-bg-green">撤销删除</div>
      <div class="abtn btn-bg-blue">保存</div>
    </div>
  </div>
</template>

<script>
import Headers from '@/components/Headers'

export default {
  name: 'EditArticle',
  data () {
    return {
      headers: {
        left: require('@/assets/images/icon-close.png')
      }
    }
  },
  components: {
    Headers
  }
}
</script>
